
jQuery.fn.imageScroller = function(params) {
    var p = params || {
        next: "buttonNext",
        prev: "buttonPrev",
        frame: "viewerFrame",
        child: "a"
    };
    var _btnNext = $("#" + p.next);
    var _btnPrev = $("#" + p.prev);
    var _imgFrame = $("#" + p.frame);
    var _child = p.child;
    var _itv;

    var slideTop = function() {
        _btnPrev.unbind("click", slideTop);

        _imgFrame.animate({ marginTop: -150 }, 'fast', '', function() {
            _imgFrame.find(_child + ":first").appendTo(_imgFrame);
            _imgFrame.css("marginTop", 0);
            _btnPrev.bind("click", slideTop);
        });
    };

    var slideDown = function() {
        _btnNext.unbind("click", slideDown);

        _imgFrame.find(_child + ":last").clone().show().prependTo(_imgFrame);
        _imgFrame.css("marginTop", -150);
        _imgFrame.animate({ marginTop: 0 }, 'fast', '', function() {
            _imgFrame.find(_child + ":last").remove();
            _btnNext.bind("click", slideDown);
        });
    };

    _btnNext.css("cursor", "hand").click(slideDown);
    _btnPrev.css("cursor", "hand").click(slideTop);

};
